.services-menu {
    list-style: none;
    
    
}
.services-menu li {
    float: left;
    background-color: #F0F7F9;
    -moz-border-radius: .7em .7em 0 0;
    -webkit-border-radius: .7em .7em 0 0;
    border-left: solid 1px #9C9CFF;    


}
.services-menu a {
    padding: .3em 1em;
    margin: 0;
}
.menu-helper{
    color: gray;
    padding: 0 0 0 1em;
    
}

#toggleButton {
	position: absolute;
	right: 1em;
	top: 0;
}
#msg {
	position: fixed;
	right: 10%;
	width: 60%;
	height: 2em;
	border-top: 2px solid green;
	border-bottom: 2px solid green;
	background-color: #91FF91;
	padding: 0 2em;
	top: 1em;
	font-size: 1.1em;
	display: none;
}
#loading, #repo { display: none; }
#loading{ 
   
}

.header { border-bottom: 2px solid blue; 
    background: #9C9CFF;/* -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B5E8E8), to(#7BCAFF), color-stop(.6,#2AACCC));*/
 color: #004; }
.header h1 { color: white; margin: .2em;}
.error#msg {
	border-top: 2px solid red;
	border-bottom: 2px solid red;
	background-color: #FFA99F;
}

.service-column {
	border: 1px dashed blue;
}
.service-column li {
	width: 100%;
}


#result, #free { list-style: none; margin: 0; padding: 0;}
.footer{
    position: fixed;
    bottom: 1px;
    
}

#d-login-service{
    color: orange;
    font-weight: bold;
}
p.button {
    text-align: center;
    -moz-box-shadow: 0 0 .5em #aaa;
    -webkit-box-shadow: 0 0 .5em #aaa;
    -moz-border-radius: .4em ;
    -webkit-border-radius: .4em;
    background: #71cd7a -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A2E890), to(#299E58), color-stop(.6,#8DB095))  ;

}
#d-login h2 {color: #555;}
li.main-box{
    margin: .5em ;
    -moz-box-shadow: 0 0 .5em #aaa;
    -webkit-box-shadow: 0 0 .5em #aaa;
    -moz-border-radius: .4em ;
    -webkit-border-radius: .4em;   
    background: #d2f1f4;
    height: 4em;
}
img.thumb{
    float: left;
    padding-left: .4em;
    height: 25px;
    width: 25px;
    margin-right: 1em;
}

.contact {
	margin: .2em; padding: .2em;
	background-color: #fff;
    -moz-border-radius: .4em ;
    -webkit-border-radius: .4em;      
	
}
.contact-box {
    background-color: #fff;
}

.service-box{
     background: url(/statics/img/csg-4a5dc22eb0e32.png) no-repeat top left;
     float: left;
     display: block;
     width: 45px;   
     height:45px;
     margin: .2em;          
}
.service-box .tooltip{
    display:none;
    z-index: 10px;
}
.service-box:hover .tooltip{
    display: block;
    width: 20em;
}

.facebook { background-position: 0 0; } 
.gmail { background-position: 0 -100px; } 
.msn { background-position: 0 -183px; } 
.myspace { background-position: 0 -268px; } 
.sonico { background-position: 0 -368px; } 
.twitter { background-position: 0 -465px; } 
.user { background-position: 0 -531px; } 
.yahoo { background-position: 0 -629px; } 


